<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>CYR的作业</title>
		<style type="text/css">
			body {
				background: url(img/01.jpeg) no-repeat;
				background-size: 100% 100%;
			}
			
			a {
				width: 280px;
				color: blue;
				text-decoration: none;
				display: block;
				padding: 5px 20px;
				margin: 5px;
				height: 30px;
				line-height: 30px;
			}
			
			p {
				font-size: 35px;
				color: darkblue;
				margin-left: 30px;
			}
			
			.all {
				font-size: 20px;
				line-height: 40px;
				margin-left: 40px;
				margin-top: -10px;
			}
			
			a:hover {
				color: red;
			}
			
			.one {
				width: 400px;
				float: left;
			}
			
			.two {
				width: 400px;
				float: left;
			}
			
			.three {
				width: 400px;
				float: left;
			}
		</style>
	</head>

	<body>
		<p>陈默的作业</p>
		<div class="all">

			<div class="one">
				<div>
					<a href="new_file.html">第1次作业--入学须知</a>
				</div>
				<div>
					<a href="new_file1.html">第1次作业--录取查询</a>
				</div>
				<div>
					<a href="new_file2.html">第2次作业--国外合作</a>
				</div>
				<div>
					<a href="new_file3.html">第3次作业--中职平台</a>
				</div>
				<div>
					<a href="new_file4.html">第4次作业--旅游页</a>
				</div>
				<div>
					<a href="new_file5.html">第5次作业--内容页</a>
				</div>
				<div>
					<a href="new_file6.html">第5次作业--首页</a>
				</div>
				<div>
					<a href="new_file7-1.html">第6次作业--忘记密码</a>
				</div>
				<div>
					<a href="new_file7-2.html">第6次作业--登录</a>
				</div>
				<div>
					<a href="new_file7-3.html">第6次作业--注册</a>
				</div>
				<div>
					<a href="new_file8-1.html">第7次作业--用户注册页面</a>
				</div>
				<div>
					<a href="new_file8-2.html">第7次作业--登录</a>
				</div>
				<div>
					<a href="new_file8-3.html">第7次作业--忘记密码</a>
				</div>
				<div>
					<a href="new_file8-4.html">第7次作业--注册</a>
				</div>
				<div>
					<a href="new_file9.html">第8次作业--电影网</a>
				</div>
				
			</div>
			<div class="two">
                <div>
					<a href="new_file10-1.html">第9次作业--形状效果</a>
				</div>
				<div>
					<a href="new_file10-2.html">第9次作业--nav边框</a>
				</div>
                <div>
					<a href="new_file10-3.html">第9次作业--边框阴影</a>
				</div>
                <div>
					<a href="new_file11.html">第10次作业--渐变效果</a>
				</div>
                <div>
					<a href="new_file12-1.html">第11次作业--青年帮</a>
				</div>
                <div>
					<a href="new_file12-2.html">第11次作业--中岚签证</a>
				</div>
                <div>
					<a href="new_file13.html">第12次作业--3D效果</a>
				</div>
                <div>
					<a href="new_file14.html">第13次作业--青年帮动画</a>
				</div>
                <div>
					<a href="new_file15.html">第14次作业--响应式导航栏</a>
				</div>

			</div>
			<div class="three">

			</div>

		</div>

	</body>

</html>